<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>登录界面</title>
	</head>
	
	<link rel="stylesheet" href="./css/denglu.css" />
	<script src="./js/jQurey.js"></script>
	
	<body>
		<div class="container" style="width:300px; margin-top:50px;" >
			<fieldset>
				<legend>登录</legend>
				<div class="form-group">
					<lable for="username">用户名:</lable>
					<input autocomplete="off" class="form-control" type="text" name="username" id="username" />
				</div>
				<div class="form-group">
					<label for="password">密码:</label>
					<input class="form-control" type="password" name="password" id="password" />
				</div>
				<div class="form-group">
					<button id="btnSave" class="btn btn-primary" >保存</button>
					<button id="btnf" class="btn btn-danger" >取消</button>
				</div>
			</fieldset>
		</div>
	</body>
</html>


<script>
	// function save(){
	// 	let user = document.getElementById("username")
	// 	console.log(username.value);
		
	// 	let pass = document.getElementById("password");
	// 	console.log(pass.value);
		
	// }
	
	// function f(){
		
	// 	document.getElementById("username").value='';
	// 	document.getElementById("password").value = '';
	// }
	// function save(){
	// 	console.log($("#username").val());
	// 	console.log($("#password").val());
	// }
	// function f(){
	// 	$("#username").val('');
	// 	$("#password").val('');
	// }
	
	$("#btnSave").click(function(){
		var username = $("#username").val();
		var password = $("#password").val();
		console.log(username + "," +password);
	})
	
	$("#btnf").click(function(){
		$("#username").val("");
		$("#password").val("");
	})
</script>